---
slug: ../TimePicker
---

import Basic from "../../_samples/main/TimePicker/Basic/Basic.md";
import FormatPatterns from "../../_samples/main/TimePicker/FormatPatterns/FormatPatterns.md";
import States from "../../_samples/main/TimePicker/States/States.md";
import TimePickerInDifferentTimezone from "../../_samples/main/TimePicker/TimePickerInDifferentTimezone/TimePickerInDifferentTimezone.md";

<%COMPONENT_OVERVIEW%>

## Basic Sample
<Basic />

<%COMPONENT_METADATA%>


## More Samples

### Format Patterns
<FormatPatterns />

### States
TimePicker supports several semantic value states, readonly, disabled, etc.

<States />

### Timezones
You can set to the configuration the preferred time zone, such as: Asia/Tokyo, Pacific/Apia, Asia/Kolkata, Europe/Sofia and etc.
<TimePickerInDifferentTimezone />